<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <!-- <link rel="apple-touch-icon" href="http://img.nala.com.cn/images/touch-logo.png"> -->
    <meta name="format-detection" content="telephone=no"/>

    <meta name="screen-orientation" content="portrait"><!-- uc强制竖屏 -->
    <meta name="x5-orientation" content="portrait"><!-- QQ强制竖屏 -->

    <meta name="application-name" content="快来喊小伙伴一起来浇水吧！"/>
    <meta name="author" content="m.amao.com"/>
    <title>爱心浇水，杭州市班级排名</title>
    <style type="text/css">
        html , body { background-color: #F7D047; }
    </style>
    <link rel="stylesheet" href="css/global.css">
    <script src="js/zepto.js"></script>
    <script src="js/zeptofix.js"></script>
    <script src="js/global.js"></script>

</head>
<body>
<section id="rank">
    <div class="bg_rank">
       <div class="bg_img">
          <div class="bg_img1">
            <div class="title">
              <img src="images/bg_rank_title.png" alt="爱心排行榜">
            </div>
          </div>
          <div class="bg_img2">
             <ul class="ranklist">
              <li>
                <em class="hot">1</em>
                <div>
                  <p>浙江第一小学 三年级一班</p>
                  <span>9008000</span>
                </div>
              </li>
              <li>
                <em class="hot">2</em>
                <div>
                  <p>浙江第一小学 三年级一班</p>
                  <span>9008000</span>
                </div>
              </li>
              <li>
                <em class="hot">3</em>
                <div>
                  <p>浙江第一小学 三年级一班</p>
                  <span>9008000</span>
                </div>
              </li>
              <li>
                <em>4</em>
                <div>
                  <p>浙江第一小学 三年级一班</p>
                  <span>9008000</span>
                </div>
              </li>
              <li>
                <em>4</em>
                <div>
                  <p>浙江第一小学 三年级一班</p>
                  <span>9008000</span>
                </div>
              </li>
              <li class="current">
                <em>2</em>
                <div>
                  <p>浙江第一小学 三年级一班</p>
                  <span>9008000</span>
                </div>
              </li>
           </ul>
          </div>
          <div class="bg_img3"></div>
       </div>
    </div>
</section>
<script type="text/javascript">
  $(function(argument) {
    var $bg_rank = $(".bg_rank") ,
        $ranklist = $(".ranklist") ,
        base = 100 + 160 ;
    $(window).on("resize load",function(){
        var height = $ranklist.height() ;
        $bg_rank.height( base + height ) ;
    });
  })
</script>
</body>
</html>